import { Routes, Route } from 'react-router-dom'
import { createGlobalStyle } from 'styled-components';
import Welcome from './pages/Welcome'
import Login from './pages/login'
import MainPage from './pages/main'
import BreathPage from './pages/breath'
import AITalkPage from './pages/aitalk'
import RecordPage from './pages/record'
import MyPage from './pages/home';
import KnowPage from './pages/know';

const GlobalStyle = createGlobalStyle`
  *:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px rgba(80, 150, 255, 0.6);
  }
`;

export default function App() {
  return (
    <>
      <GlobalStyle />
      <Routes>
        <Route path="/" element={<Welcome />} />
        <Route path="/login" element={<Login />} />
        <Route path="/main" element={<MainPage />} />
        <Route path="/breath" element={<BreathPage />} />
        <Route path="/aitalk" element={<AITalkPage />} />
        <Route path="/record" element={<RecordPage />} />
        <Route path="/home" element={<MyPage />} />
        <Route path="/know" element={<KnowPage />} />
        {/* 以后添加更多路由 */}
      </Routes>
    </>
  )
}
